<div id="error_register" class="error">
	{include file="$tpl_dir./errors.tpl"}
</div>
{if isset($errors) && $errors}
	<script type="text/javascript">
		$(document).ready(function(){ldelim}
			$("#error_register").dialog({ldelim}
					modal: true ,
					width:500,
					show:"clip",
					hide:"clip",
					title: "{l s='Lỗi tồn tại'}",
					autoOpen:true,
			{rdelim});
			
		{rdelim});
	</script>
{/if}
<script type="text/javascript">
	//Load the getForm function while page is loading
	window.onload = getForm;
	
	//Set this to your validation PHP script, default is "validate.php?value="
	var vUrl = "{$img_dir}../process/validate.php?value=";
	
	//Set this to your form's id
	var formid = "account-creation_form";
	
	var vblank = "{$img_dir}blank.gif";
	var vtrue = "{$img_dir}true.png";
	var vfalse = "{$img_dir}false.png";
	var vcustomer = 1;
	$(document).ready(function(){ldelim}
		$('#AcceptQD').fancybox({
			'transitionIn' : 'elastic',
			'transitionOut' : 'elastic'
		}); 
	{rdelim});
</script>
<form action="{$link->getPageLink('authentication.php', true)}" method="post" id="account-creation_form" class="std">
	<fieldset class="account_creation">
		<h3>{l s='Thông tin đăng ký'}</h3>
		
		<p class="text required">
			<label for="username">{l s='Tên đăng nhập (Từ 6-12 ký tự)'}</label>
			<input type="text" class="required username text" id="username" name="username" value="{if isset($smarty.post.username)}{$smarty.post.username}{/if}" />
			<sup>*</sup>
			<img width="16" height="16" name="username" src="img/blank.gif" alt="" />
		</p>
		<p class="text required">
			<label for="email">{l s='Email'}</label>
			<input type="text" class="required email_reg text" id="email" name="email" value="{if isset($smarty.post.email)}{$smarty.post.email|escape:'htmlall':'UTF-8'|stripslashes}{/if}" />
			<sup>*</sup>
			<img width="16" height="16" name="email" src="img/blank.gif" alt="" />
		</p>
		
		<div class="fieldset-left">
			<p class="password required">
				<label for="passwd">{l s='Mật khẩu (từ 6-12 ký tự)'}</label>
				<input type="password" class="required password text" name="passwd" id="passwd" value="{if isset($smarty.post.passwd)}{$smarty.post.passwd|escape:'htmlall':'UTF-8'|stripslashes}{/if}" />
				<sup>*</sup>
				<img width="16" height="16" name="passwd" src="img/blank.gif" alt="" />
			</p>
			<p class="text required">
				<label for="name">{l s='Họ và tên'}</label>
				<input type="text" class="required name text" id="name" name="name" value="{if isset($smarty.post.name)}{$smarty.post.name}{/if}" />
				<sup>*</sup>
				<img width="16" height="16" name="name" src="img/blank.gif" alt="" />
			</p>
			<p class="text required">
				<label for="address">{l s='Địa chỉ'}</label>
				<input type="text" class="required name text" id="address" name="address" value="{if isset($smarty.post.address)}{$smarty.post.address}{/if}" />
				<sup>*</sup>
				<img width="16" height="16" name="address" src="img/blank.gif" alt="" />
			</p>
			<p class="text">
				<label for="parent">{l s='Thành viên giới thiệu (nếu có)'}</label>
				<input type="text" class="text" id="parent" name="parent" />
			</p>
		</div>
		<div class="fieldset-right">
			<p class="text required">
				<label for="phone">{l s='Điện thoại/ Mobile'}</label>
				<input type="text" class="required number text" id="phone" name="phone" value="{if isset($smarty.post.phone)}{$smarty.post.phone}{/if}" />
				<sup>*</sup>
				<img width="16" height="16" name="phone" src="img/blank.gif" alt="" />
			</p>
			<p class="select">
				<label>{l s='Ngày sinh'}</label>
				<select id="days" name="days">
					<option value="">-</option>
					{foreach from=$days item=day}
						<option value="{$day|escape:'htmlall':'UTF-8'}" {if ($sl_day == $day)} selected="selected"{/if}>{$day|escape:'htmlall':'UTF-8'}&nbsp;&nbsp;</option>
					{/foreach}
				</select>
				{*
					{l s='Tháng 1'}
					{l s='Tháng 2'}
					{l s='Tháng 3'}
					{l s='Tháng 4'}
					{l s='Tháng 5'}
					{l s='Tháng 6'}
					{l s='Tháng 7'}
					{l s='Tháng 8'}
					{l s='Tháng 9'}
					{l s='Tháng 10'}
					{l s='Tháng 11'}
					{l s='Tháng 12'}
				*}
				<select id="months" name="months">
					<option value="">-</option>
					{foreach from=$months key=k item=month}
						<option value="{$k|escape:'htmlall':'UTF-8'}" {if ($sl_month == $k)} selected="selected"{/if}>{l s="$month"}&nbsp;</option>
					{/foreach}
				</select>
				<select id="years" name="years">
					<option value="">-</option>
					{foreach from=$years item=year}
						<option value="{$year|escape:'htmlall':'UTF-8'}" {if ($sl_year == $year)} selected="selected"{/if}>{$year|escape:'htmlall':'UTF-8'}&nbsp;&nbsp;</option>
					{/foreach}
				</select>
			</p>
			<p class="text">
				<label for="city">{l s='Tỉnh / Thành phố'}</label>
				<select id="city" name="city">
					<option value="">--- Chọn ---</option>
					{foreach from=$city item=ci}
						<option value="{$ci}" {if isset($smarty.post.city) && $smarty.post.city == $ci} selected="selected" {/if} >{l s="$ci"}&nbsp;</option>
					{/foreach}
				</select>
			</p>
			<p class="text">
				<label for="code">{l s='Mã xác nhận'}</label>
				<input type="text" class="text" id="code" name="code" value="{if isset($smarty.post.code)}{$smarty.post.code}{/if}" />&nbsp;&nbsp;
				<img class="images" border="0px" src="{$img_dir}../CaptchaSecurityImages.php?width=80&height=22&characters=6" />
			</p>
		</div>
		<div class="clear"></div>
		<p class="checkbox">
			<input type="checkbox" value="1" id="agree" name="agree" {if isset($smarty.post.agree)} checked="checked" {/if}>
			<label for="agree">Tôi <a id="AcceptQD" href="#frmQuyDinh">đồng ý</a> với các điều khoản quy định của website !</label>
		</p>
		<p class="submit">
			<input type="submit" name="submitAccount" id="submit" value="{l s='Đăng ký'}" class="exclusive" />
		</p>
	</fieldset>
	
</form>
<div style="display:none;">
	<div id="frmQuyDinh" class="frmQuyDinh" >
		<h3>Điều khoản sử dụng</h3>
		<ul class="ulQuyDinh">
			<li>{l s="Về tài khoản sử dụng (account): Khi đăng ký tài khoản, người sử dụng (NSD) nên cung cấp đầy đủ thông tin về tên tuổi, địa chỉ, điện thoại… Đây không phải là những thông tin bắt buộc, nhưng khi có những rủi ro, mất mát sau này, chúng tôi chỉ tiếp nhận những trường hợp điền đúng và đầy đủ những thông tin trên. Những trường hợp điền thiếu thông tin hoặc thông tin sai sự thật sẽ không được giải quyết. Những thông tin này sẽ được dùng làm căn cứ để hỗ trợ giải quyết.
Nếu NSD cung cấp bất kỳ thông tin nào không trung thực hoặc không chính xác, hoặc nếu chúng tôi có cơ sở để nghi ngờ rằng thông tin đó không phải là thông tin trung thực hoặc không chính xác, chúng tôi có quyền đình chỉ tạm thời để xác minh hoặc chấm dứt việc sử dụng Tài khoản của NSD và từ chối toàn bộ việc sử dụng Dịch vụ (hoặc bất kỳ phần nào của Dịch vụ) tại thời điểm hiện tại hoặc sau này mà không phải chịu bất cứ trách nhiệm nào đối với NSD."}</li>
			<li>{l s="Mật khẩu của tài khoản (account password): Trong phần quản lý tài khoản, đối với một tài khoản, NSD sẽ có một mật khẩu. Mật khẩu được sử dụng để đăng nhập vào website và các dịch vụ trong hệ thống. NSD có trách nhiệm phải tự mình bảo quản mật khẩu, nếu mật khẩu bị lộ ra ngoài dưới bất kỳ hình thức nào, Website sẽ không chịu trách nhiệm về mọi tổn thất phát sinh."}</li>
			<li>{l s="Định danh hay nick (account id): Khi chọn nick đăng ký tài khoản, NSD phải tuân thủ theo nguyên tắc đặt tên đã được hướng dẫn, các nick vi phạm quy định sẽ bị xóa mà không cần báo trước."}</li>
			</ul>
	</div>
</div>
